<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>修改商品</title>
    <!--引入layui-->
    <link rel="stylesheet" th:href="@{/assets/lib/layui/css/layui.css}">
    <script th:src="@{/assets/lib/layui/layui.js}"></script>
    <script th:inline="javascript">
        let ctx = /*[[@{/}]]*/"";
        if (ctx.endsWith("/")) {
            ctx = ctx.substring(0, ctx.length - 1);
        }
        const id = /*[[${id}]]*/"";
    </script>
    <!--    自定义-->
    <link rel="stylesheet" th:href="@{/assets/sys/goods/addEditShow.css}">
    <script th:src="@{/assets/sys/goods/edit.js}"></script>
</head>
<body>
<form id="form" action="" lay-filter="form" class="layui-form">
    <div class="layui-form-item">
        <label class="layui-form-label">sku编号:</label>
        <div class="layui-input-block">
            <input type="text" name="skuNo" placeholder="请输入商品sku编号" autocomplete="off"
                   class="layui-input" lay-verify="required" lay-reqtext="商品sku编号不可为空">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">商品名称:</label>
        <div class="layui-input-block">
            <input type="text" name="name" placeholder="请输入商品名称" autocomplete="off"
                   class="layui-input" lay-verify="required" lay-reqtext="商品名称不可为空">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">别名:</label>
        <div class="layui-input-block">
            <input type="text" name="alias" placeholder="请输入商品别名" autocomplete="off"
                   class="layui-input">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">摘要:</label>
        <div class="layui-input-block">
            <input type="text" name="summary" placeholder="请输入商品摘要" autocomplete="off"
                   class="layui-input">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">所属品牌:</label>
        <div class="layui-input-inline">
            <select name="brandId"></select>
        </div>

        <label class="layui-form-label">所属类别:</label>
        <div class="layui-input-inline">
            <input type="text" name="categoryName" placeholder="请选择商品所属类别" autocomplete="off"
                   class="layui-input">
            <input type="hidden" name="categoryId">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">商品主图:</label>
        <div class="layui-input-block">
            <button type="button" class="layui-btn" id="pic-upload-btn">
                <i class="layui-icon layui-icon-upload"></i>图片上传
            </button>
            <div class="pic-upload-preview"></div>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">商品副图:</label>
        <div class="layui-input-block">
            <button type="button" class="layui-btn" id="pic1-upload-btn">
                <i class="layui-icon layui-icon-upload"></i>图片上传
            </button>
            <div class="pic1-upload-preview"></div>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">细节图:</label>
        <div class="layui-input-block">
            <button type="button" class="layui-btn" id="pics-upload-btn">
                <i class="layui-icon layui-icon-upload"></i>多图上传
            </button>
            <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 11px;">
                预览图：
                <div class="layui-upload-list" id="pics-upload-preview"></div>
            </blockquote>
        </div>
    </div>


    <div class="layui-form-item">
        <label class="layui-form-label">标价:</label>
        <div class="layui-input-inline">
            <input type="number" name="markPrice" placeholder="请输入商品标价" autocomplete="off" class="layui-input"
                   min="0" step="1" lay-affix="number">
        </div>

        <label class="layui-form-label">售价:</label>
        <div class="layui-input-inline">
            <input type="number" name="price" placeholder="请输入商品零售价" autocomplete="off" class="layui-input"
                   min="0" step="1" lay-affix="number">
        </div>
    </div>


    <div class="layui-form-item">
        <label class="layui-form-label">库存:</label>
        <div class="layui-input-inline">
            <input type="number" name="qty" placeholder="请输入商品库存数量" autocomplete="off" class="layui-input"
                   min="0" step="1" lay-affix="number">
        </div>
    </div>


    <div class="layui-form-item">
        <label class="layui-form-label">简介:</label>
        <div class="layui-input-block">
            <textarea name="description" placeholder="请输入简介" class="layui-textarea"></textarea>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">详情:</label>
        <div class="layui-input-block">
            <script id="editor" type="text/plain" style="height:400px;"></script>
            <script type="text/javascript" th:src="@{/assets/lib/ue/ueditor.config.js}"></script>
            <script type="text/javascript" th:src="@{/assets/lib/ue/ueditor.all.js}"></script>
            <!---->
        </div>
    </div>



</form>
</body>
</html>